-
Notifications
You must be signed in to change notification settings - Fork 118
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(radio, radio-group): Enhance accessibility with arrow key navigation and aria attributes #951
base: next
Are you sure you want to change the base?
Conversation
… close buttons and progress indicator
…ion and aria attributes
this PR fails the test but I think it is necessary, I did not change the test file to avoid breaking it. |
@@ -19,7 +19,7 @@ describe("bl-radio", () => { | |||
`<div | |||
aria-disabled="false" | |||
aria-labelledby="label" | |||
aria-readonly="false" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I don’t quite understand why you did this
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
aria-readonly property is not supported in Radio Group according to W3C ARIA Radio Group Example
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It would be better to capitalize the first letter of the labels.
This PR addresses and resolves issue #950.
Changes Made:
aria-readonly
property from the Radio Button component.aria-checked
attribute to the Radio Button component to indicate its checked state.These changes improve the accessibility and user experience of the Radio Group component in compliance with W3C ARIA Radio Group Example.
This PR resolves issue #950.